// import './assets/main.css'
// 导入创建App的方法
import { createApp, watch } from 'vue';
// 导入创建Pinia的方法（vuex，全局状态管理器）
import { createPinia } from 'pinia';
// 导入根节点
import App from './App.vue';
// 导入路由
import router from './router';

import MenuList from './components/MenuList.vue'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import './assets/element.scss'
import * as ElementPlusIconsVue from '@element-plus/icons-vue';

import BaiduMap from 'vue-baidu-map-3x'
// 创建app
const app = createApp(App);
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component);
}
// 定义一个intro方法
app.config.globalProperties.$intro = function () {
    alert('大家好，我在QQ群里面安了个空调');
};

// 使用pinia 使用路由，挂在dom

// app.use(createPinia()).use(router).app.mount('#app');

var pinia = createPinia();
app.use(createPinia());
app.use(router);
app.use(ElementPlus);
app.mount('#app');
// app.use(pinia).use(router).use(ElementPlus).mount('#app');

// 存（监听pinia变化了解）
watch(
    pinia.state,
    () => {
        localStorage.setItem('pinia', JSON.stringify(pinia.state.value));
    },
    { deep: true }
);
// 项目启动就要获取
pinia.state.value = JSON.parse(localStorage.getItem('pinia') || '{}');

app.use(BaiduMap, {
  ak:"Nj2UrnWPzNF4a3ZGIXhlWRz2AcGrDWE8"
})

// vue2全局方法
// Vue.prototype.$mount = function(){}

// vue2全局导入
// new Vue({
//     store,
//     router,
//     render:function(h){return h(App)},
// }).$mount('#app')







app.component("MenuList",MenuList)



